<div class="practiceBox">
    <div class="practiceFlex">
        <div class="pracLeft">
            <h1 ng-click="goto1('eng.practiceMain')"><span>执业考试</span>></h1>
            <div class="pracLCon">
                <div class="DateListCon">
                    <div class="DataMore"><a ng-click="goto1('eng.practiceMain')"></a></div>
                    <div class="DateList">
                        <ul>
                            <li ng-repeat="fileSystem1 in fileSystem track by $index" ng-click="practice(fileSystem1.tcId,fileSystem1.scId)">
                               
                                    <p class="DataName"><span ng-bind="fileSystem1.scName"></span>考证 资料汇集</p>
                                    <p class="StudyNumber">{{fileSystem1.browseCount}}人下载</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="DateNewsCon">
                    <div class="DataListNews">
                        <div class="DataList">
                            <ul>
                                <li title="{{ fileLi.name }}" ng-repeat="fileLi in file" 
                                	ng-click="goto('fileId',fileLi.fileId,'eng.techdetail')">
                                	<a>[{{fileLi.scName}}] {{fileLi.name}}</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pracRIght">
            <h1>考试公告</h1>
            <div class="pracRightNewsListCon">
            <ul class="pracRightNewsList">
                <li ng-repeat="newsNoticeLi in newsNotice track by $index" ng-click="goto('newsId',newsNoticeLi.newsId,'eng.newsDetail')">
                	<a title="{{ newsNoticeLi.name }}" ng-bind="newsNoticeLi.name"></a></li>
            </ul>
        </div>
        </div>
    </div>
</div>
<style>
    .practiceBox{
        padding-bottom: 55px;
    }
	.practiceBox a:hover{
		color: #30a3ff;
		text-decoration: underline;
	}
    .color a {
        text-decoration: underline;
        color: #30a3ff;
    }
    .practiceBox {
        width:100%;
        height:455px;
        overflow: hidden;
        clear: both;
        background: url(them/img/jb-bg.png) repeat;
    }
    .practiceFlex {
        width:1200px;
        height:404px;
        margin:0 auto;
        margin-top:50px;
    }
        .pracLeft {
            width:923px;
            height:404px;
            float: left;
        }
        .pracLeft h1 {
            font-weight: normal;
			 padding-left: 27px;
			font-size: 12px;
			height: 69px;
	        width: 216px;
	         background: url(them/imgs/PracticeBg.jpg) no-repeat;
	         cursor: pointer;
        }
        .pracLeft h1 span{
        	font-weight: bold;
            font-size: 24px;
            color: #30a3ff; 
            padding-right: 36px;
          
        }
        .pracLeft h1:hover{
        	color: #30a3ff;
        }
       
        
    .pracLCon {
        width:918px;
        height:333px;
        border:1px solid #ddd;
        background: #fff;
    }
        .DateListCon {
            position: relative;
            margin-top:24px;
            width:100%;
            height:202px;
            border-bottom:1px solid #ddd;
        }
        .DataMore a  {
            display: block;
            position: absolute;
            top:78px;
            right:22px;
            width:25px;
            height:25px;
            background: url("them/imgs/studyMore.jpg") no-repeat;
        }
        .DataMore a:hover{
        	 background: url("them/imgs/bgBlue.png") no-repeat;
        }
        .DateList {
            width:880px;
            height:177px;
            margin-left:28px;
        }
            .DateList ul li {
                margin-right:40px;
                float: left;
                width:128px;
                height:174px;
                background: url("them/imgs/studyBg.jpg") no-repeat;
                cursor: pointer;
            }
            .DateList ul li:hover{
            	margin-top: -1px;
            	 background: url("them/imgs/studyBgHover.jpg") no-repeat;
            	
            }
                .DataName {
                    font-size:14px;
                    text-align: center;
                    width:90px;
                    height:51px;
                    margin:52px 0 0 15px;
                }
                .DataName span {
                    height: 45px;
                    font-size:16px;
                    font-weigh: bold;
                    display: block;
                }
                .StudyNumber {
                    color: #acacac;
                    width:110px;
                    height:20px;
                    margin:44px 0 0 5px;
                }
                .StudyNumber span {
                    padding-left:8px;
                    color: #30a3ff;
                }
    .DateNewsCon {
        margin-top:27px;
        width:880px;
        height:80px;
        margin-left:28px;
    }
    .DataList {
    	width: 100%;
        height:56px;
        float: left;
        margin-right:42px;
    }
        .DataList ul li {
            width:260px;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            background: url("them/imgs/zfxss.png") 0 10px no-repeat;
            padding-left:12px;
            float: left;
            margin-bottom: 10px;
            padding-right: 20px;
        }
    .pracRIght {
            width:268px;
            height:404px;
            float: right;
        }
        .pracRIght h1 {
            eight: 52px;
            line-height: 52px;
            width: 100%;
            padding-left: 24px;
            font-size: 18px;
            background: url("them/imgs/zfx.png")0 21px no-repeat;
        }
        .pracRightNewsListCon {
            width: 270px;
            height:333px;
            border:1px solid #ddd;
            background: #fff;
            margin-top:17px;
        }
        .pracRightNewsList {
            width:238px;
            margin:16px 0 0 13px;
        }
            .pracRightNewsList li {
                margin-bottom: 20px;
                font-size:14px;
                width:100%;
                height:14px;
                line-height: 14px;
                padding-left:14px;
                background: url("them/imgs/zfxss.png") left center no-repeat;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
</style>